<!--  -->
<template>
  <div id="homePage">
    <Logo :backColor="backColor"></Logo>
    <!-- 一级导航 -->
    <div id="primary_navigation_bar_back">
      <div id="primary_navigation_bar">
        <ul class="nav_button_list">
          <li>
            <router-link tag="div" class="nav_item" :to="{ name: 'DataPage' }"
              >数据管理</router-link
            >
          </li>
          <li>
            <router-link tag="div" class="nav_item" :to="{ name: 'InfoPage' }"
              >资讯管理</router-link
            >
          </li>
          <li>
            <router-link tag="div" class="nav_item" :to="{ name: 'UserPage' }"
              >用户管理</router-link
            >
          </li>
        </ul>
        <div>登录</div>
      </div>
    </div>

    <router-view />
  </div>
</template>

<script>
import Logo from "../Public/Logo";
export default {
  data() {
    return {
      backColor: "#0050b2",
    };
  },
  components: {
    Logo,
  },
  //   computed: {},
  //   mounted() {},
  //   methods: {}
};
</script>
<style  scoped>
</style>